<template>
    <div class="home">
        <el-container>
            <el-main><ArticlePage></ArticlePage></el-main>
            <el-aside class="home-aside" width="35%">
                <Me></Me>
                <Lmess></Lmess>
            </el-aside>
        </el-container>
    </div>
</template>
<script>
import ArticlePage from "../components/ArticlePage"
import Me from "../components/card/Me";
import Lmess from '../components/card/Lmess';

// let _this = this;

export default {
    name: 'Home',
    components: {
        ArticlePage,
        Me,
        Lmess
    }
}
</script>
<style scoped>
.home{
    width: 65%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.el-main{
    width: 65%;
}
.el-aside{
    width: 35%;
    margin-top: 5%;
    padding: 0 10px;
    box-sizing: border-box;
}
.el-aside >>> .el-card {
    margin: 0 0 20px 0;
}
</style>
